<template>
	<view>
		<view class="LoanRecordsHead">
			<view class="LoanRecordsHeadChoice" @click="HeadIndexClick(1)">
				<text style="padding-bottom: 5rpx;" :style="HeadIndex == 1?'border-bottom:1px solid #DFAE7E;':'border-bottom:1px solid #FFFFFF;'">全部</text>
			</view>
			<view class="LoanRecordsHeadChoice" @click="HeadIndexClick(2)">
				<text style="padding-bottom: 5rpx;" :style="HeadIndex == 2?'border-bottom:1px solid #DFAE7E;':'border-bottom:1px solid #FFFFFF;'">待提现</text>
			</view>
		</view>
		<view class="LoanRecordsBottom">
			<ZWJL style="margin-top: 70rpx;"></ZWJL>
		</view>
	</view>
</template>

<script>
	import ZWJL from "../../components/ZWJL/ZWJL.vue"
	export default {
		components: {
			ZWJL
		},
		data() {
			return {
				HeadIndex:1
			}
		},
		methods: {
			HeadIndexClick(index){
				this.HeadIndex = index;
			}
		}
	}
</script>

<style>
	.LoanRecordsHeadChoice{
		display: inline-block;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #444444;
		width: 50%;
		text-align: center;
	}
	.LoanRecordsHead{
		width: 100%;
		background: #FFFFFF;
		padding-bottom: 5rpx;
	}
	page{
		background: rgb(248,248,248);
	}
</style>
